$typefieldRange-prefix-cls: "#{$css-prefix}typefield-range" ;
.#{$typefieldRange-prefix-cls}{
  display: inline-block;
  position: relative;
  border:$typefield-range-border;
  border-radius:$typefield-range-border-radius;
  height: $form-component-height;
  line-height: $form-component-height;
  width: $typefield-range-width;
  vertical-align: middle;
  &:hover{
    @include hover();
  }
  &-inner{
    width:$typefield-range-inner-width;
    float: left;
    .#{$typefield-prefix-cls} input{
      height: $form-component-height - 2px;
      line-height: $form-component-height - 2px;
      border: none;
      background: inherit;
    }
    .h-typefield{
      height: $form-component-height - 1px;
      line-height: $form-component-height - 1px;
      vertical-align: top;

    }
  }
  &-inner.split{
    width: $typefield-range-inner-split-width;
    height: $form-component-height - 2px;
    line-height: $form-component-height - 2px;
    text-align: center;
  }
  &-disabled{
    input[disabled], {
      @include disabled();
    }
  }
  &-readonly{
    input[readonly] {
      // background: $input-readonly-bg;
      @include readonly();
    }
  }
  &-content {
    position: relative;
    // line-height: 31px;
    // margin-top:34px;
    font-size: $font-size-small;
    .verify-tip.verify-bottom{
      margin-top: $form-component-height;
    }
  }
  &-error{
    border-color: $error-color;
  }
}

.#{$form-item-prefix-cls}-error{
  .#{$typefieldRange-prefix-cls}{
    border:1px solid $error-color;
  }
}

.#{$editgird-prefix-cls}-cell-error{
    .#{$typefieldRange-prefix-cls}{
      border:1px solid $error-color;
    }
}